<template>
	<div class="horizon-wrap">
		<component :is="comItem.componentName" v-for="(comItem, index) in list" :key="index" :configData="comItem.data"></component>
	</div>
</template>
<script type="text/javascript">
	export default {
		name: 'hor-theme',
		props: {
			pageData: {
				type: Object,
				default() {
					return {
						list: []
					}
				}
			}
		},
		data() {
			return {
				list: this.pageData.list
			}
		}
	}
</script>